import React, { memo } from 'react';

import { SearchIcon } from '@/components/common/icon';

const ComponentName = memo(() => {
  const list = [{ t1: '任何地方 ' }, { t1: '任意一周' }, { t1: '添加人数', isSearch: true }];
  return (
    <div className=" rounded-[25px] flex items-center gap-4 border-[1px]  shadow-sm cursor-pointer hover:shadow-md pl-4 pr-2">
      {list.map((item, index) => (
        <div
          key={index}
          className={`text-[14px]  flex  items-center px-2 ${index == 2 ? '' : 'font-extrabold border-r-[1px] border-gray-600'}`}
        >
          {item.t1}
          {item.isSearch ? (
            <div className="bg-themeColor tex p-[.65rem] ml-2 rounded-[50%]">
              <SearchIcon></SearchIcon>
            </div>
          ) : (
            ''
          )}
        </div>
      ))}
    </div>
  );
});

export default ComponentName;
